<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../css/mui.min.css">
		<link rel="stylesheet" href="../css/common.css" />
	</head>
		<style type="text/css">
			body {
				overflow: hidden;
			}
			img {
				width: 100vw;
				height: 100vh;
			}
			span {
				width: 75px;
				height: 35px;
				border-radius: 30px;
				position: absolute;
				right: 17px;
				top: 32px;
				background: rgba(0, 0, 0, .3);
				color: #fff;
				line-height: 35px;
				text-align: center;
				font-size: 14px;
			}
		</style>
	<body>
		<img src="../boot.png" >
		<span>跳过(5)</span>
		<script type="text/javascript" src="../js/jquery-2.1.0.js"></script>
		<script src="../js/mui.min.js"></script>
		<script type="text/javascript" src="../js/common.js" ></script>
		<script type="text/javascript">
			mui.init();
			var time = 5;
			var interval = setInterval(function () {
				if (time > 0) {
					$("span").html("跳过(" + --time + ")");
				} else {
					clearInterval(interval);
					mui.openWindow("./login.html", "login.html", {});
				}
			}, 1000); 
			// 点击跳过按钮
			$("span").click(function () {
				clearInterval(interval);
				mui.openWindow("./login.html", "login.html", {});
				return false;
			})
			// 点击图片跳转到表单页面
			$("img").click(function () {
				clearInterval(interval);
				mui.openWindow("./info_gathering.html", "info_gathering.html", {});
			})
		</script>
	</body>

</html>
